<%@ page language="java" pageEncoding="ISO-8859-1"%>

<%@ taglib uri="/WEB-INF/tld/struts-layout.tld" prefix="la"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/tld/struts-html-el.tld" prefix="html-el"%>


<la:html key="geo.wizzard2.zonal.title">
<la:form action="/administrarTematicos" styleClass="FORM"
	key="geo.wizzard2.zonal.subtitle1">

	<la:panel>
		<html:hidden property="posicionWizzard" value="3" />
		<html:hidden property="currentForward"
			value="CONFIG_TEMATICO_ZONAL_FWD" />
		<la:text key="geo.tipoReporte" property="tipoReporte" readonly="true"></la:text>
		<la:date key="geo.fechaInicial" property="SFechaInicial"
			styleClass="LABEL"></la:date>
		<la:date key="geo.fechaFinal" property="SFechaFinal"
			styleClass="LABEL"></la:date>
		<la:select property="tipoDelito" key="TipoDenuncia">
			<la:options collection="TIPO_DELITO" property="value"
				labelProperty="label"></la:options>
		</la:select>
		<la:row>
			<la:select property="numeroIntervalos" key="geo.numIntervalos">
				<la:options collection="TIPO_INTERVALOS" labelProperty="label"
					property="value">
				</la:options>
			</la:select>
			<la:formActions>
				<la:image property="btnCalcularOcurrencias"
					srcKey="image.calcOcurrencias"
					altKey="image.calcOcurrencias.alttext" bundle="bundle.image">
				</la:image>
			</la:formActions>
		</la:row>
		<%--		<la:collection title="geo.listaOcurrencias.title"--%>
		<%--			name="listaTablaZonal" styleClass="FORM" id="temZonal">--%>
		<%--			<la:collectionItem title="geo.listaOcurrencias.ocur"--%>
		<%--				property="temZonal.bnOcurrencia.XRango">--%>
		<%--			</la:collectionItem>--%>
		<%--			<la:collectionInput title="geo.listaOcurrencias.col" >--%>
		<%--				<la:select property="color">--%>
		<%--					<la:options --%>
		<%--						collection="TIPO_INTERVALOS" --%>
		<%--						labelProperty="label"--%>
		<%--						property="value">--%>
		<%--					</la:options>--%>
		<%--				</la:select>--%>
		<%--			</la:collectionInput>--%>
		<%--			<la:collectionInput title="geo.listaOcurrencias.fondo"--%>
		<%--				property="fondo">--%>
		<%--			</la:collectionInput>--%>
		<%--			<la:collectionInput title="geo.listaOcurrencias.linea"--%>
		<%--				property="grosor">--%>
		<%--			</la:collectionInput>--%>
		<%--		</la:collection>--%>
			
		<la:datagrid property="listaTablaZonal" selectionAllowed="false"
			multipleSelectionAllowed="false" model="datagrid" styleClass="FORM">
			<la:datagridColumn title="geo.listaOcurrencias.ocur"
				property="XRango" mode="I,I,I" />
			<la:datagridSelect property="color" title="geo.listaOcurrencias.col">
				<la:options collection="TIPO_COLOR" labelProperty="label"
					property="value">
				</la:options>
			</la:datagridSelect>
			<la:datagridSelect property="fondo"
				title="geo.listaOcurrencias.fondo">
				<la:options collection="TIPO_COLOR" labelProperty="label"
					property="value">
				</la:options>
			</la:datagridSelect>
			<la:datagridSelect property="grosor"
				title="geo.listaOcurrencias.linea">
				<la:options collection="TIPO_INTERVALOS" labelProperty="label"
					property="value">
				</la:options>
			</la:datagridSelect>
			<la:datagridSelect property="strokeOpacity"
				title="geo.listaOcurrencias.strokeOpacity">
				<la:options collection="TIPO_STROKE_OPACITY" labelProperty="label"
					property="value">
				</la:options>
			</la:datagridSelect>
			<la:datagridSelect property="fillOpacity"
				title="geo.listaOcurrencias.fillOpacity">
				<la:options collection="TIPO_FILL_OPACITY" labelProperty="label"
					property="value">
				</la:options>
			</la:datagridSelect>			
		</la:datagrid>	
		<la:formActions>
			<la:image property="btnGenerar" srcKey="image.generar"
				altKey="image.generar.alttext" bundle="bundle.image">
			</la:image>
			<la:image property="btnGuardar" srcKey="image.guardar"
				altKey="image.guardar.alttext" bundle="bundle.image">
			</la:image>
			<la:image property="btnRegresar" srcKey="image.regresar"
				altKey="image.regresar.alttext" bundle="bundle.image">
			</la:image>
			<la:image property="btnCancelar" srcKey="image.cancelar"
				altKey="image.cancelar.alttext" bundle="bundle.image">
			</la:image>
		</la:formActions>
	</la:panel>
	<%--				<script type="text/javascript">--%>
	<%--					var form=document.AdministradorTematicosForm;--%>
	<%--					alert(form.name);--%>
	<%--					alert(form.json.length);--%>
	<%--					for (i=0;i<form.elements.length;i++)--%>
	<%--					{	--%>
	<%--						alert(form.elements[i].name);--%>
	<%--					}--%>
	<%--    			</script>--%>
</la:form>
</la:html>
